<template>
  <div id="app" class="root-app">
    <router-view></router-view>
    <loading v-model="RouteState.isLoading" :text="loading"></loading>
  </div>
</template>

<script>
import Vue from 'vue'
import { Loading } from 'vux'
import { mapState } from 'vuex'
import store from './store'

export default {
  name: 'app',
  store,
  data: () => {
    return {
      loading: ' '
    }
  },
  computed: {
  	...mapState(['RouteState'])
  },
  components: { Loading }
}
</script>

<style lang="less">
@import './assets/font/iconfont.css';
@import './assets/less/app';
</style>
